﻿<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.1//EN" "http://www.w3.org/TR/xhtml11/DTD/xhtml11.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
	<title>RocketsPocket | A small pocket with powerful rockets. Let's fire the sky!</title>
 
    <meta name="author" content="Pham [7inpham@gmail.com] for RocketsPocket [w-cloud.appspot.com]" />
    <meta name="keywords" content=""
    />
 	<meta name="description" content=""
	/>
    <meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
    
	<!-- [favicon] begin -->
    <link rel="shortcut icon" type="image/x-icon" href="images/icons/favicon.png" />
	<link rel="icon" type="image/x-icon" href="images/icons/favicon.png" />
	<!-- [favicon] end -->
	
    <!-- [template css] begin -->
	<link rel="stylesheet" href="css/screen.css" type="text/css" media="screen, projection" />
	<link rel="stylesheet" href="css/960.css" type="text/css" media="screen, projection" />
    <!--[if IE]>
        <link rel="stylesheet" href="css/ie.css" type="text/css" media="screen, projection" />
    <![endif]-->
    <!-- [template css] end -->
    
    <!-- [template css javascript] begin -->
    <link rel="stylesheet" href="css/nivo-gallery.css" type="text/css" media="screen, projection" />
	<link rel="stylesheet" href="css/smoothness/jquery-ui-1.8.21.custom.css" type="text/css" media="screen, projection" />
    <!-- [template css javascript] end -->
	
	<!-- [JS] begin -->
	<script type="text/javascript" src="https://ajax.googleapis.com/ajax/libs/jquery/1.7.1/jquery.min.js"></script>
	<script type="text/javascript" src="js/jquery-ui-1.8.21.custom.min.js"></script>
	<script type="text/javascript" src="js/jquery.easing.1.3.js"></script>
	
	<script type="text/javascript" src="js/jquery.nivo.gallery.js"></script>
	<script type="text/javascript" src="js/jquery-lang.js" charset="utf-8" ></script>
	<script type="text/javascript" src="js/langpack/vi.js" charset="utf-8" ></script>
	
	<script type="text/javascript">
		window.lang = new jquery_lang_js();
		$().ready(function() {
			$("#myslider").nivoGallery();
			window.lang.run();
			$('#logo').hover(function(){
				$(this).animate({
					marginLeft:"-=40",
				},300,'easeOutBounce');
				$(this).animate({
					marginLeft:"+=40",        
				},0,'easeOutBounce');
			});
			$('#call').click(function () {
				$(this).animate({
					height:"+=100",
					width:"+=100",        
				},300,'easeOutElastic').animate({
					height:"-=100",
					width:"-=100",        
				},0,'easeOutElastic');
			});
			$("#langchang").draggable({
				opacity: 0.35
			});
			$("#nav").sortable();
			$("#nav").disableSelection();
			$("#twitterLink").click(function(){
				$("#twitter_update_list").toggle("Puff");
			});
		});
	</script>
    <!-- [JS] end -->
  
</head>
<body>
	<div class="container_12 language" id="langchang">
		<a href="javascript:window.lang.change('en');"><img src="images/icons/flags/United-Kingdom-Flag.png"></a>
		<a href="javascript:window.lang.change('vi');"><img src="images/icons/flags/Viet-Nam-Flag.png"></a>
		<div class="clear"></div>
	</div>
	<!-- START TOP SECTION -->
	<div class="container_12">
	
		<!-- START LOGO -->
		<div class="grid_4 header">
			<a href="index.htm"><img src="images/logo.png" alt="RocketsPocket" id="logo"/></a>
		</div>
		<!-- END LOGO -->
   	 
		<!-- START NAVIGATION -->
   	  	<div class="grid_8 header">
   	  		<div id="navigation">
				<ul id="nav">
					<li id="home"><a href="index.htm" title="Home page" class="currentPage" lang="en">Home</a></li>
					<li id="about"><a href="about.htm" title="About" lang="en">About</a></li>
					<li id="portfolio"><a href="portfolio.htm" title="Gallery" lang="en">Gallery</a></li>
					<li id="feature"><a href="rspx/index.html" title="Feature" lang="en">Feature</a></li>
					<li id="contact"><a href="contact.htm" title="Contact" lang="en">Contact</a></li>
				</ul>
			</div>
		</div>
		<!-- END NAVIGATION -->
		
		<div class="clear"></div>
	</div>
	<!-- END TOP SECTION -->
	
	<!-- START MEDIUM SECTION -->
	<div class="container_12 medium">
		
		<div id="myslider" class="nivoGallery">
			<!-- START PROJECT 1 -->
			<div class="item">		
				<div class="projectImage">
					<a href="#" title=""><img src="images/slider/00x.jpg" alt=""/></a>                     
				</div>
					
				<div class="projectDescription">
					<h1>FEATURE 1</h1>
					<p>
						Nhân vật chính trong truyện là cậu bé tên là Aladin, người có cây sáo kỳ diệu vì ở bên trong nó có 1 vị thần. 
						Khi vị thần được triệu hồi thì không có đầu, có một cơ thể với cơ bắp khủng , nhưng lại rất... nhát gái, 
						khi bị cô gái nào đụng thì vị thần ấy lập tức xĩu vì xấu hổ....  
						Tên Truyện : Magi - AladinTác Giả : Ohtaka ShinobuNhóm dịch : Truyenhay24h.com+Dark Team 
						Thể Loại : Adventure, Fantasy, Shounen Chap 
					</p>
					<p class="Desc">
						<span class="project">Download</span>&nbsp;<span class="site"><a href="#">View</a></span>
					</p>
				</div>
			</div>
			<!-- END PROJECT 1 -->

			<!-- START PROJECT 2 -->
			<div class="item">
				<div class="projectImage">
					<img src="images/slider/001.jpg" alt="Product Image 1"/>                     
				</div>
					
				<div class="projectDescription">
					<h1>FEATURE 2</h1>
					<p>
						Một anh chàng trong lúc uýnh thua liểng xiểng được 1 cô nàng tới cứu. 
						Và rồi cô gái đặt lên môi chàng trai 1 nụ hôn nồng thắm và nói rằng cô ấy là hôn thê của anh chàng... 
						Tên Truyện :  Zen Martial Tác Giả :         Kim Jun Hyeong Nguồn :          ComicVN 
						Thể Loại :       Action, Comedy, Martial Arts, Slice of Life  
						Xem OnlineZen Martial Chap 01 Zen Martial Chap 02 Zen Martial Chap 03 Zen Martial Chap 04 Zen Martial Chap 05 Zen Martial
					</p>
					<p class="Desc">
						<span class="project">Download</span>&nbsp;<span class="site"><a href="#" title="">View</a></span>
					</p>
				</div>
			</div>
			<!-- END PROJECT 2 -->
			
			<!-- START PROJECT 3 -->
			<div class="item">
				<div class="projectImage">
					<img src="images/slider/002.jpg" alt="Product Image 2"/>                     
				</div> 
					
				<div class="projectDescription">
					<h1>FEATURE 3</h1>
					<p>
						Naruto là một cậu bé có mơ ước trở thành hokage của làng Konoha, 
						được Hokage phong ấn trong người một trong 9 quái vật của thể giới : 
						Cửu vĩ Hồ ly.Vì cho cậu là một con quái vật, ko ai dám chơi với cậu!& 
						Vì muốn được thừa nhận nên rất phá phách.Khi tốt nghiệp trướng ninja, lần đầu tiên cậu đã được thừa nhận 
						và có một người bạn thân là Sasuke.Hai năm sau, Sasuke đã rời bỏ làng lá để đi theo Orochimaru vì muốn ...
					</p>
					<p class="Desc">
						<span class="project">Download</span>
					</p>
				</div>
			</div>	
			<!-- END PROJECT 3 -->	
		</div>
	</div>
	<!-- END MEDIUM SECTION -->
	
	<!-- START BOTTOM SECTION -->
	<div class="container_12 bottom">
	
		<!-- START TWITTER SECTION -->
		<div class="grid_4">
		
			<h2 lang="en" id="twitterLink">Twitter <span class="orange">tweets</span></h2>
			
			<ul id="twitter_update_list">
				<li></li>
			</ul>
	        <!-- START EMBED TWITTER -->
	        <script src="js/twitter.js" type="text/javascript"></script>
	        <script src="http://api.twitter.com/1/statuses/public_timeline.json?callback=twitterCallback" type="text/javascript"></script>
	        <!-- END EMBED TWITTER -->
	        
	   	</div>
	   	<!-- END TWITTER SECTION -->

   		<!-- START TESTIMONIAL SECTION -->
   		<div class="grid_4">
   		
	   		<h2 lang="en">My <span class="orange">inspiration</span></h2>
	   		
			<p>
	   			<img src="images/bg/quote.gif" alt=""/>I want to intergrate the top appreciated techniques
					sticking to the minimalistic trend (Less is more, some may say). The project will be close after two 
					years. From now i must do more, to learn and to pratice...
				<span class="greyRight">[Pham]</span>
	   		</p>
	   		
   		</div>
		<!-- END TESTIMONIAL SECTION -->		
   	
		<!-- START CONTACT SECTION -->
	   	<div class="grid_4">
	   		<h2 lang="en">Do you like my work?<span class="orange"> Link me</span></h2>
	   		<img src="images/contact/phone.gif.png" alt="" id="call"/>
	   		<a href="mailto:7inpham@gmail.com"><img src="images/contact/email.gif" alt=""/></a>
	   	</div>
	   	<!-- END CONTACT SECTION -->
	   	
	   	<div class="clear"></div>
   	</div>
   	<!-- END BOTTOM SECTION -->
   
   	<!-- START FOOTER -->
   	<div class="container_12">
	   	<p class="footer">
	   		Under developing 2012 by <strong>Pham</strong> <br/>
	   		RocketsPocket project - Two year researching 2012 2014 - <a href="mailto:7inpham@gmail.com" title="Contact me">Start</a>                     
		</p>
	</div>
	<!-- END FOOTER -->

   
</body>
</html>